<template>
	<div>
		<el-card class="mb-4" shadow="never">
			<div class="text-xl font-medium mb-[20px]">单个权限验证 v-auth</div>
			<el-button size="default" type="primary" class="mb-4"> v-auth="'user/user/add'" </el-button>
            <el-alert title="v-auth指令 传入权限标识，满足按钮权限则显示，不满足则删除"></el-alert>
		</el-card>
        <el-card class="mb-4" shadow="never">
			<div class="text-xl font-medium mb-[20px]">多个权限验证 v-auths</div>
			<el-button size="default" type="primary" class="mb-4"> v-auths="['user/user/add','user/user/edit']" </el-button>
            <el-alert title="v-auths指令 传入权限标识数组，有一个满足则显示"></el-alert>
		</el-card>
        <el-card class="mb-4" shadow="never">
			<div class="text-xl font-medium mb-[20px]">多个权限验证 v-auth-all</div>
			<el-button size="default" type="primary" class="mb-4"> v-auth-all="['user/user/add','user/user/edit']" </el-button>
            <el-alert title="v-auths-all指令 传入权限标识数组，必须全满足才显示"></el-alert>
		</el-card>
	</div>
</template>

<script setup lang="ts" name="directiveAuth">

</script>

<style scoped lang="scss"></style>
